<template>
    <div class="flex">
        <template v-for="countryName in countryArr" :key="countryName">
            <UsdItem :country-name="countryName"/>
        </template>
    </div>
    <p>
        可以看到，大部分国家在在独立前和独立之后的短期阶段并没有自己的货币体系，仍沿用殖民统治国家的货币，如法币或英镑。安哥拉(Angola)、津巴布韦(Zimbabwe)、赞比亚(Zambia)、尼日利亚(Nigeria)等过汇率长期维持在0，在21世纪左右开始有了本国货币。另外还能发现大部分非洲国家随着时间的发展，以美元为基准，货币呈现逐步贬值的状态。
    </p>
</template>

<script setup lang="ts">

import UsdItem from '@/views/DataStatistics/ExchUsd/item/UsdItem.vue';

const countryArr = [
    'Algeria',
    'Angola',
    'Central African Republic',
    'Ivory Coast',
    'Egypt',
    'Kenya',
    'Mauritius',
    'Morocco',
    'Nigeria',
    'South Africa',
    'Tunisia',
    'Zambia',
    'Zimbabwe',
];
</script>

<style scoped>
.flex {
    display: flex;
    flex-wrap: wrap;
}
</style>
